<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>

<div data-role='page' id='main' >
	<div data-role='header' data-position='fixed' data-title='form'>
		<h6  style='width:80%;margin:auto'> 
			<div data-icon='gear' data-role='button' data-theme='a'>Hey Ryu지훈</div>
		</h6>
	</div>
	
	<div data-role='content'>
		<ul data-role='listview' data-inset='true'>
			<li data-role='list-divider'>    웹 클라이언트 프로그래밍</li>
			<li><a href='#'>HTML5<span class='ui-li-count'>3</span></a>
				<ul>
					<li>HTML 개요</li>
					<li>글자모양 태그</li>
					<li>문단모양 태그</li>
				</ul>
			</li>
			<li><a href='#'>CSS5<span class='ui-li-count'>6</span></a></li>
			<li><a href='#'>JavaScript<span class='ui-li-count'>5</span></a></li>
			<li><a href='#'>HTML5<span class='ui-li-count'>3</span></a></li>
			
			<li data-role='list-divider'>   프레임워크 프로그래밍</li>
			<li><a href='#'>myBatis</a></li>
			<li><a href='#'>Ajax</a></li>
			<li><a href='#'>jQuery<span class='ui-li-count'>999</span></a></li>
			<li><a href='#'>Spring</a></li>
			
			<li data-role='list-divider'>   모바일 프로그래밍</li>
			<li><a href='#'>Android</a></li>
			<li><a href='#'>Apple IOS</a></li>
			<li><a href='#'>Window Mobile</a></li>
		</ul>
	</div>
	
	<div data-role='footer' data-position='fixed' data-id='fixedFooter' >
		<h1>Mr.류지훈</h1>
	</div>
</div> 


</body>
</html>